<div class="bg-light lter b-b wrapper-md">
	<h1 class="m-n font-thin h3">
		<span class="font-bold" translate="aside.nav.analysis.login">Login Data</span>
	</h1>
</div>
<div class="wrapper-md">
<tabset class="tab-container">
	<tab heading="{{'aside.nav.analysis.login'|translate}}">
		<div ng-controller="AnalysisLoginCtrl">
			<div class="row">
				<div class="col-md-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							<span class="font-bold" translate="aside.nav.analysis.login"></span>
						</div>
						<div class="panel-body">
							<div ui-jq="plot" ui-refresh="d"
								ui-options="
					              [
					                { data: {{d}}, points: { show: true, radius: 6}, splines: { show: true, tension: 0.45, lineWidth: 5, fill: 0 } }
					              ], 
					              {
					                colors: ['{{app.color.info}}'],
					                series: { shadowSize: 3 },
					                xaxis:{ 
					                  font: { color: '#000' },
					                  position: 'bottom',
					                  ticks: {{ticks}}
					                },
					                yaxis:{ font: { color: '#000' } },
					                grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
					                tooltip: true,
					                tooltipOpts: { content: '%y',  defaultTheme: false, shifts: { x: 0, y: 20 } }
					              }
					            "
								style="height: 245px">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</tab>
</tabset>

</div>